@font-face {
  font-family: 'tuniao-xiaowei';
  src: url('https://resource.tuniaokj.com/images/vue3-template/template2-website/font/tuniao-xiaowei.ttf');
}

/* 顶部背景 start */
.top-bg {
  position: fixed;
  top: 0rpx;
  left: 0rpx;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background: #F1F5FB;
  background-size: 100% auto;
  &::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}
/* 顶部背景 end */

/* 页面内容 start */
.page {
  position: relative;
  width: 100%;
  background-color: #F1F5FB;;
  // padding: 0rpx 30rpx;
}
/* 自定义导航栏内容 start */
.custom-nav {
	height: 100%;
	max-width: 640px;

	&__back {
	  margin: auto 5rpx;
	  font-size: 40rpx;
	  margin-right: 10rpx;
	  margin-left: 30rpx;
	  flex-basis: 5%;
	}
}
// 展示icon
.icon-tips{
	.text{
		width: 194rpx;
		height: 288rpx;
		background: rgba(255,255,255,0.6);
		box-shadow: 0px 8rpx 32rpx 0px rgba(146,143,255,0.28);
		border-radius: 32rpx;
		line-height: 40rpx;
		margin-left: 80rpx;
	}
	.image{
		width: 403rpx;
		height: 363rpx;
	}
}
/* 关于我们 start */
.about {
	border-radius: 32rpx;
  .content-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	.content-item {
	  position: relative;
	  width: 296rpx;
	  height: 296rpx;
	  margin-bottom: 30rpx;
	  border-radius: 12rpx;
	  padding: 40rpx 10rpx 40rpx 34rpx;
	  display: flex;
	  justify-content: space-between;
	  line-height: 1;
	  z-index: 2;
	  
	 .image-icon{
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
	 }
	  &::after {
		z-index: 1;
	  }

	  .left {
		z-index: 2;
		.title {
		  font-size: 36rpx;
		  color: #fff;
		  margin-top: 102rpx;
		}
	  }

	  .icon {
		z-index: 2;
		font-size: 100rpx;
		margin-top: -16rpx;
		color: #fff;
		opacity: 0.3;
	  }
	}
	.bottom-item{
		height: 170rpx;
	}
	.bottom-left{
		position: absolute;
		top: 30rpx;
		left: 206rpx;
	}
  
  }
}
.start-icon {
  width: 148rpx;
  height: 44rpx;
  background: rgba(255,255,255,0.4);
  border-radius: 44rpx;
  text {
	margin-right: 8rpx;
  }
}
/* 关于我们 end */

   /* 顶部背景图 start */
   .top-backgroup {
	 height: 424rpx;
	 max-height: 500rpx;
	 overflow: hidden;
	 z-index: -1;
   
	 .backgroud-image {
	   width: 100%;
	   height: 424rpx;
	   z-index: -1;
	 }
   }
   /* 顶部背景图 end */
   
   
	 
	 /* 企业列表头像 start */
	 .company-image {
	   width: 80rpx;
	   height: 80rpx;
	   position: relative;
	 }
	 
	 .company-pic {
	   background-size: cover;
	   background-repeat: no-repeat;
	   background-position: center;
	   border-radius: 20rpx;
	   overflow: hidden;
	   border: 1rpx solid #F8F7F8;
	 }
::v-deep .tn-navbar-back{
	display: flex;
	align-items: center;
}
.about-before{
	.image-icon{
		width: 106rpx;
		height: 100rpx;
	}
	.text-icon{
		width: 488rpx;
		height: 62rpx;
		background: #E6EBFF;
		border-radius: 42rpx;
	}
	.continue-btn{
		width: 138rpx;
		height: 46rpx;
		border-radius: 46rpx;
		background: linear-gradient( 90deg, #4B49E8 0%, #6B8BFB 100%);
	}
}